﻿


.top_header{
    padding: 4px 0px;
    border-bottom:1px solid #f5f5f5;
}
.top_header .gitam-logo img{
    width: 220px;
}
table.portal_logos{
    width: auto;
    
}
.portal_logos img{
border-right: 1px solid #b1040e;
padding-right: 10px;
margin-right:10px;
margin-top: 5px;
}
.portal_logos h2, .portal_logos h3{
    padding: 0px;
    margin:0px;
    color: #b1040e;
}
.portal_logos h2{
    font-size: 33px;
    font-weight: 600;
}
.portal_logos h3{
    font-size: 20px;
    color: #000;
}
.gitam_small img{
display: none;

    }
@media (max-width: 767px){
    .portal_logos img{
        display: none;
    }
    .top_header .gitam-logo img{
        width: 150px;
        float: right;
    }
    .portal_logos h2 {
    font-size: 23px;
     }
     .portal_logos h3 {
    font-size: 16px;
    margin-top: 5px;
     }

    .checkbox-inline, .radio-inline {
        
        display: block !important;
        
    }

         .radio-inline input[type="radio"] {
           
            margin-top: 5px !important;
        }
    .quiz_box_main label { margin-left: 0 !important
    }

      input[type=radio] + label {
        margin-right: 20px;
        margin-left: 7px !important;
    }

    

    }

@media  (max-width: 400px){
    .top_header .gitam-logo img{
display: none;
    }
    .gitam_small img{
display: block;
width: 50px !important;
float: right;
    }
}




body, html { height:100%; 
 }

* { margin:0px; padding:0px;
}
body { font-family: 'Muli', sans-serif !important; font-size: 16px; }
.top { background-color: #4c5a8e !important; height:20px; width:100%;
}
h1, h2, h3, h4, h5, h6 { font-family: 'Muli', sans-serif !important;
}
.home-bottom { background-color: #4c5a8e !important; height:30px; width:100%; }

a { outline:none !important; }

a:hover { text-decoration:none; }

.navbar-default {
    background-color: #b1040e !important;
    border-color: #b1040e !important;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #ffffff;
    background-color: #5f6b9b;
}
.navbar {   margin-bottom: 0px !important; }

.bg-color-blue { background-color:#eaf2ff; padding:10px;
}

.feetrack input[type=radio] { padding:20px; width:30px; margin-bottom:20px;
}

ul.cbcs { position:relative;
}

ul.cbcs  { margin:0px; padding:0px;
}


input[type=checkbox]{
    margin: 4px 6px !important;
   
}

    input[type=radio] + label { margin-right:20px; margin-left:10px 
    }

.s-name { color:#fff; padding:10px 0; font-size:15px
}

.pie1-fnt-size{ font-size:30px !important;  }
.navbar-collapse { padding-left:0px !important;
}
.navbar-inverse { background-color: #b1040e !important;
}
.navbar-inverse .navbar-nav > li > a {
    color: #fff !important;
    font-size:16px; padding:6px 40px;
}
.container { padding-left:0px !important; padding-right:0px !important; 
}
.mandat { padding-top:10px; color:#ff0000; text-align:right;
}




.s-p-s { position:relative;
}

.s-p-s img{ margin-bottom:5px;
}

.brows { width:60%; font-size:12px; margin-top:30px;
}

.ajax__calendar_container {
   
    width: 350px;
}
.m-box { padding:20px; text-align:center; border:4px solid #4c5a8e
}
.overlay{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: rgba(0,0,0,0.5); 
}
/*.container-home img[alt="HPC"] { width:31%; height:auto
}*/

.feetrack .col-md-6:nth-child(1) { border-right: 1px solid #a7adba;
}

.login .col-md-4:nth-child(1), .login .col-md-4:nth-child(2) {
    border-right: 0px solid #a7adba;
}
/*.col-md-4:nth-child(1), .col-md-4:nth-child(2) {
    border-right: 1px solid #a7adba;
}*/

#txtFileName, #btnphotoupload, #signupload, #btnsignature {
    font-size: 12px;
    margin-top:12px;
}

.brws {
    margin-top: 10px;
}


    header .row { margin:0 !important;
    }

.c-registration .table tr th:nth-child(2) { width:10%;
}
.c-registration .table tr th:nth-child(3) { width:85%;
}
section h4, section h3, .feetrack {  padding-bottom:10px; font-family:'merriweather_lightregular'; }

/*input {text-transform: uppercase;}*/
.update-form .row {
    margin-bottom: 10px;
}

.update-form { margin-top:30px;
}
.photo { float:right; padding-top:15px; width:100%
}

.student-icon, .parent-icon, .marks-icon, .attendance-icon, .history-icon {
    position: relative;
    border:1px solid #D3D3D3;
   margin:0 auto;
  padding-top:10px;
   height:120px;
   border-radius:10px;
   background-color:#eaf2ff;
}
 
.student-icon:before {
    content: "\f007";
    font-family: FontAwesome;
    font-size: 48px;
    font-style: normal;
    font-weight: normal;
    color: #544141;
    position: absolute;
    top: 25px;
    left:43%;  
}

.marks-icon {
    position: relative;
    border:1px solid #D3D3D3;
   margin:0 auto;
  padding-top:10px;
   height:120px;
   border-radius:10px;
   background-color:#eaf2ff;
}
 
.marks-icon:before {
    content: "\f19d";
    font-family: FontAwesome;
    font-size: 48px;
    font-style: normal;
    font-weight: normal;
    color: #544141;
    position: absolute;
    top: 35px;
    left:43%;  
}

.hit-count { position: fixed;
right: 20px;
bottom: 12px;
z-index: 99999;
color: #fff;
}

.fee-icon {
    position: relative;
    border:1px solid #D3D3D3;
   margin:0 auto;
  padding-top:10px;
   height:120px;
   border-radius:10px;
   background-color:#eaf2ff;
}
 
.fee-icon:before {
    content: "\f156";
    font-family: FontAwesome;
    font-size: 48px;
    font-style: normal;
    font-weight: normal;
    color: #544141;
    position: absolute;
    top: 35px;
    left:43%;  
}

.attendance-icon {
    position: relative;
    border:1px solid #D3D3D3;
   margin:0 auto;
  padding-top:10px;
   height:120px;
   border-radius:10px;
   background-color:#eaf2ff;
}
 
.attendance-icon:before {
    content: "\f073";
    font-family: FontAwesome;
    font-size: 48px;
    font-style: normal;
    font-weight: normal;
    color: #544141;
    position: absolute;
    top: 35px;
    left:43%;  
}

.parent-icon {
    position: relative;
    border:1px solid #D3D3D3;
   margin:0 auto;
  padding-top:10px;
   height:120px;
   border-radius:10px;
   background-color:#eaf2ff;
}
 
.parent-icon:before {
    content: "\f183";
    font-family: FontAwesome;
    font-size: 58px;
    font-style: normal;
    font-weight: normal;
    color: #544141;
    position: absolute;
    top: 25px;
    left:43%;  
}
.history-icon {
    position: relative;
    border:1px solid #D3D3D3;
   margin:0 auto;
  padding-top:10px;
   height:120px;
   border-radius:10px;
   background-color:#eaf2ff;
}
 
.history-icon:before {
    content: "\f1da";
    font-family: FontAwesome;
    font-size: 48px;
    font-style: normal;
    font-weight: normal;
    color: #544141;
    position: absolute;
    top: 35px;
    left:43%;  
}

section { margin:20px 0;
}

iframe { width:100%;  min-height: 100vh; border:none; 
}

header h1 { color:#7a1d25; padding-bottom:0px; margin-top:25px !important; line-height:22px; 
}

header h4 { color:#7a1d25; font-weight:normal; padding-top:0px; 
}
.cats-logo {     
   margin-top: 3px;
   margin-right:12px;
   margin-left:0px;
   white-space:nowrap;
  
   /*border-right:1px solid #7a1d25;*/
}
#tabs-gtmp-chat table { margin-bottom:0px !important;
}
.gitam-logo { margin-top: 5px; display:block; float:right;

}
.circle { border-radius: 50%; border:5px solid #5f6b9b; margin:20px auto;  width:150px; height:150px; position:relative;
}
    .circle h3 { position:absolute; left:0; right:0; top:35px; display:block; text-align:center;
    }

    .navbar-nav {
    margin: 7.5px -15px !important;
}

.module-container {
  width: 100%;   
  display: -webkit-box;      
  display: -moz-box;         
  display: -ms-flexbox;      
  display: -webkit-flex;     
  display: flex;    
     
   justify-content: space-around;
    align-items: stretch;  
}

.col-md-gitam img.photo { margin:0 auto; display:block; width:150px;
}

.module-item {
    flex-basis:19.5%;
    border:#D3D3D3 1px solid;
	text-align:center;
    color:#3d2525;
    background-color:#eaf2ff;
    padding:20px;
    border-radius:10px;
     
}

    .module-item h5 { font-weight:normal;  font-size:16px; padding-bottom:10px;  
    }
        .module-item a { color:#000;
        }
     .module-item .fa {  font-size:55px; font-weight:100; color:#5c3a3a
    }
     .col-centered {
    float: none;
    margin: 0 auto;
}
.page {
    width: 21cm;
    min-height: 29.7cm;
    padding: 1cm;
    margin: 1cm auto;
    border: 1px #D3D3D3 solid;
    border-radius: 5px;
    background: white;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.subpage {
    padding: 1cm;
    border: 5px red solid;
    height: 256mm;
    outline: 2cm #FFEAEA solid;
}
 .navbar-brand { padding:5px 0; float:right !important;
    }
.main-nav .nav > li > a:nth-child(1) { padding-left:20px;  
}
#panel-act-3 .btn { width:100%; }
#b1040e

.table tr th {
    background-color: #b1040e;
    color: #fff;
    font-weight: normal;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { background-color:#788bc0 !important; color:#fff !important; 
}

.container-home div[class*="col-"] { margin:20px 0; text-align:center;
}

.container-home img, .container-home input[type="image"] { width:25%; }

.snote{
max-width:100%;
}
    .snote ul li h3 { font-size:18px; font-weight:normal; 
    }

.bg { background-image:url(../Images/bg.jpg); border:15px outset #4c5a8e;

border-width:15px;
border-style:outset;
border-color:#4c5a8e;
 height:100%; position:relative; overflow:hidden
}

.more { margin-right:10px; margin-top:15px;
}
.n-board .more {
    position: absolute;
    right: 3px;
    bottom: 3px;
    
}
.snote ul,li{
  list-style:none;
}

.snote ul{
 
  padding:1em 3em;
}
    .snote ul li a{ text-decoration:none; cursor:pointer;
    }
    .snote ul li p { text-align:left; padding-top:10px;
    }
    .snote ul li .details { position:absolute; right:5px; bottom:5px;
    }
.snote ul li {
  text-decoration:none;
  color:#000;
  background:#ffc;
  display:block;
  height:220px;
  width:230px;
  padding:1em;
  -moz-box-shadow:5px 5px 7px rgba(33,33,33,1);
  -webkit-box-shadow: 5px 5px 7px rgba(33,33,33,.7);
   box-shadow: 5px 5px 7px rgba(33,33,33,.7);
  -webkit-transform:rotate(-6deg);
  -o-transform:rotate(-6deg);
  -moz-transform:rotate(-6deg);
  -moz-transition:-moz-transform .15s linear;
  -o-transition:-o-transform .15s linear;
  -webkit-transition:-webkit-transform .15s linear;
  text-align:left;
}
.message {
    color: #76512e;
    border: 1px solid #4c5a8e;
    padding: 10px;
    text-align: center;
    background-color: #EEEEEE;
    display: block;
    min-width: 150px;
    margin: 10px auto;
    white-space: nowrap;
}
.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

.snote ul li:nth-child(even) {
  -o-transform:rotate(4deg);
  -webkit-transform:rotate(4deg);
  -moz-transform:rotate(4deg);
   position:relative;
  top:5px;
  background:#cfc;
}
input[type="submit"] {
    border: 1px solid #e4dfdf;
    background-color: transparent;
    outline: none;
    padding: 6px 15px;
    margin-right: 5px;
}
.snote ul li:nth-child(3n) {
  -o-transform:rotate(-3deg);
  -webkit-transform:rotate(-3deg);
  -moz-transform:rotate(-3deg);
  position:relative;
  top:-5px;
  background:#ccf;
}

.snote ul li:nth-child(5n) {
  -o-transform:rotate(5deg);
  -webkit-transform:rotate(5deg);
  -moz-transform:rotate(5deg);
  position:relative;
  top:-10px;
  background:#fcf;
}

.snote ul li:hover, .snote ul li:focus{
  -moz-box-shadow:10px 10px 7px rgba(0,0,0,.7);
  -webkit-box-shadow: 10px 10px 7px rgba(0,0,0,.7);
  box-shadow:10px 10px 7px rgba(0,0,0,.7);
  -webkit-transform: scale(1.25);
  -moz-transform: scale(1.25);
  -o-transform: scale(1.25);
  position:relative;
  z-index:5;
}

.snote ul li{
  margin:1em;
  float:left;
}

.snote ul li h3{
  margin:0px;
  font-weight:bold;
  padding-bottom:10px;
border-bottom:1px solid #a7adba;
  text-align:center;
  color:#000;
}


@page {
    size: A4;
    margin: 0;
}
@media print {
    .page {
        margin: 0;
        border: initial;
        border-radius: initial;
        width: initial;
        min-height: initial;
        box-shadow: initial;
        background: initial;
        page-break-after: always;
    }

    .noprint { display:none;
    }

}



.login{   margin:20px auto 10px auto; text-align:center !important;  font-size:16px; }
.login h4{ text-align:center; margin-bottom:10px; }
.login h3{ text-align:center;  }
.login .row{ margin:10px 0; }
.login input[type="submit"]{ margin-bottom:20px; }
.login input[type="text"], .login input[type="password"]{ text-align:center;}
    .login label { font-weight:normal; font-size:20px;
    }
.right-box { margin-top:90px;
}
.inner-content { min-height:340px;
}
.page-heading { font-size:20px;
}
.carousel {
    position: relative;
}
.slide img {
    width: 100%; margin:0px; padding:0px}

.slide .row [class*="col-"], header .row [class*="col-"] { padding:0px !important;}
.hard-speci { position:relative;}
.hard-speci h1 {  text-align:center; color:#ff6a00; border-top:5px solid #4c5a8e; border-bottom:5px solid #4c5a8e; padding:20px 0 50px;
}
.hard-speci h4 { text-align:center; position:absolute; bottom:16px; left:0px; right:0px;}
/*.inpt-sm input[type="text"]{ width:70%; display:inline-block }*/

div[class*="col-"]{ margin-bottom:5px;  }

.u-taking table tr { position:relative
}

.u-taking table tr input { position:absolute; 
}

.u-taking input[type=checkbox] { width:18px; height:18px;
}

.u-taking ul li { padding-bottom:10px;
}

input[type=checkbox] + label {
    position: relative;
    text-align:justify;
    left:32px;
    margin-right: 5px;
    margin-bottom:20px;
    line-height:23px;
}

ListItem { display:block;
}

.radio-inline input[type=radio] + label {
   
    margin-left: 0;
}

input[type="radio"] {
    margin: 4px 0 0 !important;
    font-weight: normal;
    width: 15px;
    height: 15px;
}
.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {
   
    margin-left: -20px !important;
}

section{ border:0px solid #eaf2ff; position:relative; }
#MainContent_MobileSalesChart {
    width: 00% !important;
  height:100% !important;
}

p { line-height:25px; text-align:justify;  font-size:16px !important;
}
label{ font-weight:normal !important; font-size:15px; 
}


.white-sp { white-space:nowrap;
}

  a.hitCounter.badge-done0 {
            background-image:none !important;
            background: #b1040e !important;
            color:#fff !important;
            text-indent: 0px !important;
            min-width: 66px !important;
          }
        .hit{
            font-size:18px;
        }


.footer {
    background-color: #b1040e !important;
    color:#fff;
    margin:0px;
    width:100%; 
   position:fixed;
   bottom:0;
   padding:10px
}

    .footer p { padding:5px 0 5px 70px; color:#fff; font-size:12px; 
    }

    .footer ul { list-style-type:none; text-align:right;
    }
    .footer ul li { float:left; padding:5px 15px; text-align:right
    }
        .footer ul li a { color:#fff; font-size:20px;
        }

 ul.lst1 { list-style:none; padding-left:20px;
}

   ul.lst1 li { padding:5px 0; position:relative;
    }

   ul.lst1 li:before  { position:absolute; content:"\f054"; left:-20px; top:5px; font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit; -webkit-text-stroke: 2px white;
        }


    ul.lst2 { list-style:none; padding-left:0px;
}

   ul.lst2 li { padding:5px 0; position:relative;
    }

   ul.lst2 li:before  { position:absolute; content:""; left:-20px; top:5px; font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
        }

.table-2 tr td, .table-2 tr th { border:1px solid #808080; }
.table-2 tr td:nth-child(2),.table-2 tr th:nth-child(2), .table-2 tr td:nth-child(3), .table-2 tr th:nth-child(3) {width:18%; text-align:center; 
}


.table-3 tr td:nth-child(2),.table-3 tr th:nth-child(2), .table-3 tr td:nth-child(3), .table-3 tr th:nth-child(3) {width:10%; text-align:center; 
}
.notice { position:relative
}
.alrt {
        width: 30px;
	height: 30px;
	background: red;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
    color:#fff;
    padding:2px;
    position:absolute;
    top:-20px; 
    right:70px;
    font-size:18px
    }
input[type="checkbox"] { margin-right:5px !important;
}
.cbcs table th{ border: 1px solid #788bc0 !important;
}
.cbcs table td:nth-child(1), .cbcs table td:nth-child(2){ width:60px;
}
.cbcs table td:nth-child(4){ width:80px; 
}

@media only screen and (max-width: 998px) {

    .nav > li > a {
    padding: 10px 5px;
    font-size: 13px;
}

    .container {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.main-nav .nav > li > a:nth-child(1) {
    padding-left: 30px !important;
    
}
.photo{ width:80%

}

}

@media only screen and (max-width: 768px) {
   .login{  /*width:300px;*/ margin:0px auto 10px auto; text-align:center !important;  font-size:16px; }
    header img{ width:100%;    }
    .col-md-4:nth-child(1), .col-md-4:nth-child(2) {
    border-right: 0px solid #a7adba;
}
   /*header h1 {
    margin-top: 10px !important;
    font-size: 25px;
    line-height: 15px;
}*/

.module-container {
   flex-direction: column;
}

    .module-item { width:100%;
    }
    .col-xs
    .col-xs-6:nth-child(1) { margin: 10px auto; width:300px; display:none;
   
} 

header .col-md-2.col-xs-6.col-sm-4 {
    display: none;
}
.navbar-nav {
    margin-left: 10px;
}
    header h4 { font-size:12px;
    }
    .nav>li>a {
   
    padding: 10px 8px !important;
}
 
    .navbar-brand { padding:2px 0; float:right !important;
    }
    .brws {
    margin-top: 10px;
    width: 180px;
}
    .navbar-nav {
    margin: 7.5px 15px;
}
    .login label { font-size:14px;
    }
    
    .footer p { padding: 5px 0 5px 10px;
    font-size: 12px !important;
}
    .container-p-page .carousel-control.left, .container-p-page .carousel-control.right {
   
    font-size: 80px !important;
}
    .second input[type=radio] + label {
        margin-right: 20px;
        margin-left: 10px;
    }

}

/*home page slider*/

.container-p-page{ width:100%; margin:0 auto; padding-top:30px }
.container-p-page .carousel {
    margin-bottom: 0;
	padding: 0 0 30px 40px;
}


.container-p-page .carousel-control {
	left: -12px;
}
.container-p-page .carousel-control.right {
	right: -12px;
    color:#000;
    font-size:120px;
}
.container-p-page .carousel-control.left {
	left: -12px;
    color:#000;
    font-size:120px;
}

.container-p-page .carousel-indicators {
	right: 50%;
	top: auto;
	bottom: 0px;
	margin-right: -19px;
}
.container-p-page .carousel-indicators li {
	background: #c0c0c0;
}
.container-p-page .carousel-indicators .active {
background: #333333;
}

.container-p-page .carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 80px;
	color:#000;
}

.container-p-page .carousel-inner{ width:880px; margin:0 auto; }

.container-p-page .thumbnail{ width:130px; height:130px; background-color:#666; color:#fff; text-align:center; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }

.container-p-page .carousel-inner #sec-1 .thumbnail{ background-color:#4c5a8e;  }
.container-p-page .carousel-inner #sec-2 .thumbnail{ background-color:#999;  }
.container-p-page .carousel-inner #sec-3 .thumbnail{ background-color:#09F;  }

.container-p-page .thumbnail .fa { font-size:48px; font-weight:normal; border:none; outline:none;
}
.container-p-page .thumbnail h5 { font-size:14px; font-weight:normal
}

.container-p-page  a:hover { text-decoration:none;
}

   
    

.col-md-gitam { float:left; margin:20px;
}

@media only screen and (max-width: 1200px) {
    .container-p-page {
    padding-top: 5px; 
}
    .container-p-page .carousel-inner{ width:80%; margin:0 auto; }
    .col-md-gitam {  margin:1px 12px;
}
    .container-p-page .thumbnail {
        width: 90px;
        height: 90px;
        margin-bottom:1px;
    }
    .container-p-page .thumbnail .fa { font-size:28px; font-weight:normal; border:none; outline:none;
}
}

@media only screen and (min-width:768px) and (max-width:992px) {

.cats-logo{
   margin-right: 4px;
}

    .navbar-inverse .navbar-nav > li > a { padding:15px 14px !important; font-size:13px;
    }
}

@media only screen and (min-width:991px) and (max-width:1199px) {
.menu_media h1{
    position:relative;
    left:25px;
}
.menu_media h4{
    position:relative;
    left:25px;
}
.cats-logo{
   margin-right: -18px;
}
.navbar-inverse .navbar-nav > li > a {
    padding: 15px 14px !important;
       
    font-size: 14px;
}
}
.btn-info, .btn, button {
    background-color: #b1040e !important;
    font-weight: normal !important;
    margin: 3px 0;
    color:#fff !important
}
.btn-info{
    background:#4c5a8e !important;
    border:1px #4c5a8e solid !important;
    color:#fff;
}
@media only screen and (min-width:300px) and (max-width:600px) {
    .hit-count{
        display:none;
    }
    .container h3 {
        font-size:17px;
    }
    label {
    
    font-size: 13px;
   
}
    .btn-info, .btn, button {
    background-color: #4a598c !important;
    font-weight: normal !important;
    margin:3px 0;
}

}
 ul.sims { margin:0px; padding:0px; list-style-type:none;
}

    ul.sims li {
        width: 24.2%;
        float: left;
        text-align: center;
        color: #3d2525;
        padding: 5px 20px;
        border-radius: 10px;
        
        margin-bottom: 6px;
        height: 120px;
        display: block;
        white-space: nowrap;
    }

        ul.sims li a { color:#757575; text-decoration:none; 
        }
    ul.sims li:hover h5{ color:#281b1b; 
        }

    ul.sims li .fa {
    font-size: 55px;
    font-weight: 100;
    color: #5c3a3a;
}
        ul.sims li img { width:50px
        }
        .wel div[class*="col-"] {
    margin-bottom: 0px !important;
}

ul.tp-nav { list-style-type:none; padding:0px;
}

ul.tp-nav li { float:left; width:20%;
}
   
    ul.tp-nav li input[type="submit"] {  width:100%; margin:0px; background-color:#4c5a8e; padding:7px 0; color:#fff; outline:none; border:none; border-right:1px solid #fff
    }

ul.tp-nav li a{  padding:10px 15px; color:#fff;
}

ul.tp-nav li .btn-info{
    background:#4c5a8e !important;
    border:0px #4c5a8e solid !important;
    color:#fff;
    border-right:1px #fff solid !important;
}

